<template>
	<div>
	   <div class="a">
	   	  <div class="b">
	   	  	 <div class="b_1">
	   	  	 	<img :src="detailInfo.goodsImage" alt="" />
	   	  	 </div>
	   	  	 <div class="b_2">
	   	  	 	<div class="b_21">{{detailInfo.comName}}</div>
	   	  	 	<div class="b_22">数量 X1</div>
	   	  	 </div>
	   	  	 <div class="b_3" v-if="isBuyer">联系卖家</div>
	   	  	 <div class="b_3" v-if="isSeller">联系买家</div>
	   	  </div>
	   	  <div class="c" v-if="isBuyer">
	   	  	  <div class="c_item">
	   	  	  	 <div>卖家昵称</div>
	   	  	  	 <div>{{detailInfo.snickName}}</div>
	   	  	  </div>
	   	  	  <div class="c_item">
	   	  	  	 <div>订单编号</div>
	   	  	  	 <div>{{detailInfo.ordersSn}}</div>
	   	  	  </div>
	   	  	  <div class="c_item" style="margin-bottom: 0;">
	   	  	  	 <div>交易时间</div>
	   	  	  	 <div>{{detailInfo.ordersCreateTime}}</div>
	   	  	  </div>	   	  	  
	   	  </div> 
	   	  <div class="c" v-if="isSeller">
	   	  	  <div class="c_item">
	   	  	  	 <div>买家昵称</div>
	   	  	  	 <div>{{detailInfo.nickName}}</div>
	   	  	  </div>
	   	  	  <div class="c_item">
	   	  	  	 <div>订单编号</div>
	   	  	  	 <div>{{detailInfo.ordersSn}}</div>
	   	  	  </div>
	   	  	  <div class="c_item" style="margin-bottom: 0;">
	   	  	  	 <div>交易时间</div>
	   	  	  	 <div>{{detailInfo.ordersCreateTime}}</div>
	   	  	  </div>	   	  	  
	   	  </div> 	   	  
	   </div>	
	</div>	
</template>

<script>
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()	
export default {	
	data() {
       return {
    
       }
	},
	props:['detailInfo','isBuyer','isSeller'],
	methods: {	

	},
	mixins:[publicFun],//混入		
	mounted() {
	}
}	
</script>

<style scoped="">
.b{display: flex;margin-bottom: 10px;}
.b_1 img{width: 60px;height: 60px;display: block;border-radius: 5px;}
.b_2{flex: 1;padding: 0 20px 0 10px;}
.b_21{font-size: 14px;display: -webkit-box;font-weight: bold;opacity: 0.75;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.b_22{color: #ccc;margin-top: 5px;}
.b_3{color: #3296fa;font-size: 14px;}
.a{padding: 10px;border-top: 1px solid #f5f3f5;border-bottom: 1px solid #f5f3f5;}
.c_item{display: flex;justify-content: space-between;margin-bottom: 10px;color: #aaa;}
</style>